﻿@charset "utf-8";

* { font:normal 14px /1em Arial, Helvetica, sans-serif,dotum,"돋움"; color:#444; }
#wrap{ position:relative; width:100%; height:100%; }
a { text-decoration:none; }


/*header 시작*/
#hd { width:100%; background-color:#343434; }
#hd div#hd_inner_box { position:relative; clear:both; margin:0px auto; width:700px; height:40px; }
#hd	h1 a {
	float:left; padding-top:2px; height:38px; 
	font:bold 30px 'Lato','Helvetica Neue',Helvetica,Arial,serif;; color:#fff; line-height:32px;
}
#hd	div#top_menu { float:right; border-left:1px solid #404040; border-right:1px solid #737373; } 
#hd div#top_menu a { display:block; float:left; width:100px; height:40px; padding-top:13px; width:98px; height:27px; line-height:1em; 
							border-left:1px solid #969696; border-right:1px solid #636363; background-color:#7c7c7c; text-align:center; color:#fff; }
#hd div#top_menu a:hover { border-left:1px solid #787878; border-right:1px solid #4f4f4f; background-color:#636363;; }							
#hd div#top_menu a.login { border-left:1px solid #48b7d1; border-right:1px solid #15849e; background-color:#1aa5c6; }
#hd div#top_menu a.login:hover { border-left:1px solid #3a92a7; border-right:1px solid #116a7e; background-color:#15849e; }
#hd div#ment { position:absolute; padding:15px 0 0 20px; top:40px; left:0px; height:25px; width:100%; background-color:#ededed; }
#hd div#ment p { display:block; position:relative; margin:0 auto; max-width:680px; height:1em; font:normal 1em /1em dotum,"돋움"; color:#e34d3e; }
#hd div#ment p span.icon { position:absolute; display:block; top:-5px; left:-32px; width:24px; height:23px; background:url(../img/icon/i.png) no-repeat 0px -20px; }

/*header 끝*/




/*contents 시작*/
#bd { margin:160px auto 200px auto; width:700px; }
#bd div#search_wrap { position:relative; width:700px; padding-bottom:30px; }
#bd #search_wrap p { height:25px; font-size:16px; color:#1aa5c6; }
#bd #search_wrap input#search { float:left; padding:13px 50px 13px 20px; width:428px; height:22px; border:1px solid #e34d3e; font-size:20px; color:#bcbdc3; line-height:22px; }
#bd #search_wrap input.search_focus {    box-shadow:inset 0px 0px 6px #F66; -moz-box-shadow:inset 0px 0px 6px #F66; -webkit-box-shadow: inset 0px 0px 6px #F66; background-color:#FFF3F0; }
#bd #search_wrap div#loading { position:absolute; top:37px; right:212px; }
#bd #search_wrap div#shorter { float:right; background:url(../img/icon/i.png) no-repeat 28px -50px; background-color:#e34d3e; }
#bd #search_wrap div#shorter:hover { background-color:#cd4538; }									 
#bd #search_wrap div#shorter a{ display:block; padding-left:71px; padding-top:16px; width:114px; height:34px; font:bold 20px sans-serif; color:#fff; line-height:20px; }


/*footer 시작*/
#ft { margin:0 auto; width:100%; }
#ft #ft_link_wrap { height:11px; padding:14px 0; background-color:#ededed; }
#ft #ft_link_wrap ul { clear:left; margin:0 auto; width:385px; line-height:11px; }
#ft #ft_link_wrap ul li { float:left; padding-left:40px; background:url(../img/icon/i.png) no-repeat 18px -348px; line-height:11px; }
#ft #ft_link_wrap ul li:first-child { padding:0; }
#ft #ft_link_wrap ul li a { height:11px; font:normal 11px /11px Arial; color:#bcbcbc; letter-spacing:1px; }
#ft #ft_link_wrap ul li a:hover { color:#505050; }
#ft p { margin:20px auto 0 auto; width:335px; font-size:12px; color:#bcbcbc; line-height:12px; }
/*footer 끝*/


